<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../styles/reset.css">
    <link rel="stylesheet" href="../styles/index-header.css">
    <link rel="stylesheet" href="../styles/shopCar.css">
    <link rel="stylesheet" href="../font/iconfont.css">
    <script src="../js/shopcar.js" type="module"></script>

</head>

<body>
    <div class="header">
        <div class="topnav">
            <div class="containter clearfix">
                <p class="fl">
                    <a href="./index.html">
                        <i class="iconfont">&#xe8b9;</i>
                        天猫首页
                    </a>
                    <em><span>喵</span>，欢迎来天猫</em>
                    <a class="p-login" href="./login.html">请登录</a>
                    <a href="./register.html">免费注册</a>
                </p>

                <ul class="fr">
                    <li class="item-b">
                        <a href="javascript:;">我的淘宝
                            <b></b>
                        </a>
                        <div class="sub1">
                            <a href="javascript:;">已买到的宝贝</a>
                            <a href="javascript:;">已卖出的宝贝</a>
                        </div>
                    </li>
                    <li>
                        <a href="./shopCar.html">
                            <i class="iconfont icon-gouwuche
                                    "></i>购物车
                        </a>
                    </li>
                    <li class="item-b">
                        <a href="javascript:;">收藏夹
                            <b></b>
                        </a>
                        <div class="sub1 sub2">
                            <a href="javascript:;">收藏的宝贝</a>
                            <a href="javascript:;">收藏的店铺</a>

                        </div>
                    </li>
                    <li class="line"></li>
                    <li class="phone">
                        <a href="javascript:;">
                            <i class="iconfont icon-shouji"></i>手机版
                        </a>
                        <div class="sub-img">
                            <img src="../img/qrcode.png" alt="">
                            <img src="../img/qrcode2.jpg" alt="">
                            <b></b>
                        </div>
                    </li>
                    <li>
                        <a href="javascript:;">淘宝网</a>
                    </li>
                    <li class="item-b">
                        <a href="javascript:;">商家支持
                            <b></b>
                        </a>
                        <div class="sub1 sub3">
                            <ul>
                                <li>
                                    <h3>商家</h3>
                                    <a href="javascript:;" class="itema">商家中心</a>
                                    <a href="javascript:;">天猫规则</a>
                                    <a href="javascript:;" class="itema">商家入驻</a>
                                    <a href="javascript:;">运营服务</a>
                                    <a href="javascript:;" class="itema">商家品控</a>
                                    <a href="javascript:;">商家工具</a>
                                    <a href="javascript:;" class="itema">天猫智库</a>
                                    <a href="javascript:;">喵言喵语</a>
                                </li>
                                <li>
                                    <h3>帮助</h3>
                                    <div>
                                        <a href="javascript:;">商家服务大厅</a>
                                    </div>
                                    <div>
                                        <a href="javascript:;">问商友</a>
                                    </div>
                                </li>
                            </ul>

                        </div>
                    </li>
                    <li class="item-b site">
                        <div class="item">
                            <i class="iconfont icon-wangzhandaohang
                                    "></i>
                            网站导航
                            <b></b>
                        </div>
                        <div class="sub1 sub4 clearfix">
                            <dl class="part1">
                                <dt>热点推荐Hot</dt>
                                <dd>
                                    <a href="javascript:;">天猫超市</a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">喵鲜生</a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">科技新品
                                        <i class="nav-icon new"></i>
                                    </a>

                                </dd>
                                <dd>
                                    <a href="javascript:;">女装新品
                                        <i class="nav-icon hot"></i>
                                    </a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">酷玩街</a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">内衣新品
                                        <i class="nav-icon new"></i>
                                    </a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">试美妆
                                        <i class="nav-icon"></i>
                                    </a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">运动新品</a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">时尚先生
                                        <i class="nav-icon hot"></i>
                                    </a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">精明妈咪
                                        <i class="nav-icon new"></i>
                                    </a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">吃乐会</a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">企业采购</a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">会员积分</a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">天猫国际</a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">品质频道
                                        <i class="nav-icon hot"></i>
                                    </a>
                                </dd>
                            </dl>
                            <dl class="part2">
                                <dt>行业市场Market</dt>
                                <dd>
                                    <a href="javascript:;">美妆
                                        <i class="nav-icon hot"></i>
                                    </a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">电器</a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">女装</a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">男装</a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">女鞋
                                        <i class="nav-icon new"></i>
                                    </a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">男鞋</a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">内衣</a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">箱包
                                        <i class="nav-icon hot"></i>
                                    </a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">运动</a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">母婴
                                        <i class="nav-icon hot"></i>
                                    </a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">家装</a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">医药
                                        <i class="nav-icon hot"></i>
                                    </a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">食品
                                        <i class="nav-icon new"></i>
                                    </a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">配饰</a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">汽车</a>
                                </dd>
                            </dl>
                            <dl class="part3">
                                <dt>服务指南Help</dt>
                                <dd>
                                    <a href="javascript:;">帮助中心</a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">品质保障</a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">特色服务</a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">7天退换货</a>
                                </dd>
                            </dl>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="logobox">
        <div class="contain clearfix">
            <a href="#" class="logo fl">
                <img src="../img/car/car-logo.png" alt="">
            </a>
            <div class="search fr">
                <input type="text">
                <button>搜索</button>
                <i class="iconfont sec">&#xe62f;</i>
                <span>宝贝
                    <i class="iconfont">&#xe87e;</i>
                </span>
            </div>
        </div>
    </div>
    <div class="main">
        <div class="contain">
            <ul class="title clearfix">
                <li class="active">
                    <a href="javascript:;"> 全部商品
                        <span></span>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">降价商品
                        <span></span>
                    </a>
                </li>
            </ul>
        </div>
        <div class="shopList contain">
            <div class="allcheck">
                <input type="checkbox" class="allcheck">
                <span>全选</span>
            </div>

            <ul>
            </ul>

        </div>

        <div class="sum contain clearfix">
            <div class="allche fl">
                <input type="checkbox" class="allcheck ">
                <span>全选</span>
            </div>
            <div class="pay fr">
                <button disabled>结算</button>
            </div>
            <div class="countNm fr">
                合计：
                <span>0.00</span>
            </div>

        </div>

    </div>



</body>

</html>